import { h, init }  from 'snabbdom';
// 1、导入模块
import style from 'snabbdom/modules/style';
import eventlisteners from 'snabbdom/modules/eventlisteners';

// 2、init()注册模块
let patch = init([
    style,
    eventlisteners
])

// 3、使用h()函数创建vnode的时候，可以把第二个参数设置为对象，其他参数往后移
let vnode = h('div', {
    style: {
        backgroundColor: 'red',
        fontSize: '14px',
    },
    on: {
        click: eventHandler
    }
}, [
    h('h1', 'hello snabbdom'),
    h('p', '这是p标签'),

])

function eventHandler(){
    console.log('点击我了')
}


let app = document.querySelector('#app');

patch(app, vnode);